﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Pseudo-Elements</title>
<style type="text/css"> 
	p
	{
		font-family:Arial;
		font-size:14px;
	}
 	p:first-letter
	{
		font-size:20px;
	}
	h1:before
	{
		content:"Achtung:";
		color:#F00;
	}
	h1:after
	{
		content:"Games!";
		color:#FFF;
	}
</style>
</head>

<body>
	<p>The United Games</p>
    <h1> The United Games!</h1>
</body>
</html>
